<style>
    table, th, tr, td {
        border: 1px solid #ccc;
        font-size: 14px;
    }
    .ordertable{
        width: 95%;
        margin: 0 auto;
        border-radius: 10px;
    }
    .tablebox1{
        padding-top: 10px;
    }
    .payorder{
        display: flex;
        justify-content: center;
        height: 50px;
        line-height: 40px;
        font-size: 18px;
    }
    .paygoods{
        display: flex;
        justify-content: center;
        height: 50px;
        line-height: 40px;
        font-size: 18px;
    }
    .ordertable tr td{
        line-height: 30px;
        text-align: center;
    }
</style>
<div class="layuimini-container">
    <div class="tablebox">
        <div class="payorder">基本信息</div>
        <table class="ordertable">
            <tr>
                <td style="width: 15%;">订单编号：</td>
                <td style="width: 15%;">{$row.order_id}</td>
                <td style="width: 20%">下单时间：</td>
                <td style="width: 20%">{$row.create_time|date='Y-m-d H:i:s'}</td>
                <td style="width: 15%;">下单用户：</td>
                <td style="width: 15%;">{$row.wechat.nickName}</td>
            </tr>
            <tr>
                <td style="width: 15%;">姓名：</td>
                <td style="width: 15%;">{$row.realname}</td>
                <td style="width: 20%">手机号：</td>
                <td style="width: 20%">{$row.mobile}</td>
                <td style="width: 15%;">地址：</td>
                <td style="width: 15%;">{$row.address}</td>
            </tr>


        </table>
    </div>
    <div class="tablebox1">
        <div class="paygoods">订单编号</div>
        <table class="ordertable" style="padding-top: 10px;">
            <tr>
                <td style="width: 20%;">订单号</td>
                <td style="width: 20%;">取货单号</td>
                <td style="width: 20%">状态</td>
                <td style="width: 20%">操作</td>
            </tr>
            {foreach name="row.list" item="val"}
            <tr>
                <td style="width: 20%;">{$val.order_id}</td>
                <td style="width: 20%;">{$val.express}</td>
                <td style="width: 20%">
                    {if condition="$val.status == 0"}
                    未送
                    {else /}
                    已送
                    {/if}
                </td>
                <td>
                    {if condition="$val.status == 0"}
                    <button class="layui-btn layui-btn-xs btn_status" type="button" data-id="{$val.id}" data-type="1">已送</button>
                    {else /}
                    已完成
                    {/if}
                </td>
            </tr>
            {/foreach}

        </table>
    </div>

    <div class="hr-line"></div>
    {if condition="$row.status == 0"}
    <button class="layui-btn layui-btn-xs btn_status" type="button" data-id="{$row.id}" data-type="2">全部已送</button>
    {/if}
</div>
<script>
    function doshipping(){
        $("#shippingbox").show();
        $("#shippingdothis").hide();
        $('#realsumit').show();
    }
</script>